<template>
  <div>
    <img src="//m.360buyimg.com/mobilecms/jfs/t1/253/10/17966/2066051/63e5190bF1754153b/fcd73fedc1f6bdd2.gif!q70.webp" style="width:100%;border:0" alt="">
    <div class="found">
        <img src="//m.360buyimg.com/mobilecms/jfs/t1/120040/12/22080/6298/627d1c63Ea1719e7b/5fbf3ed39dfa8f63.png!q70.webp" style="border:0" alt="">
    </div>
    <div class="nien">
            <div class="hua">
                <div v-for="(v,index) in arr" :key="index"><img :src="v.img" alt=""><span>{{v.p}}</span></div>
            </div>
            <div class="hua">
                <div v-for="(v,index) in arr1" :key="index"><img :src="v.img" alt=""><span>{{v.p}}</span></div>
            </div>
        </div>

  </div>
</template>

<script>

export default {
data() {
    return {
        
        arr:[
            {
                img:"//m.360buyimg.com/babel/jfs/t1/165579/30/34214/12782/639adc6aEcc566e2b/fff567a5a4a4ee07.png!q70.webp",
                p:"时令生鲜"
            },
            {
                img:"//m.360buyimg.com/babel/jfs/t1/94214/21/22420/31186/621ce297Ed29eaf54/4ffc9b0c670d29ba.png!q70.webp",
                p:"冲调速食"
            },
            {
                img:"//m.360buyimg.com/babel/jfs/t1/119234/25/22133/16651/621ce2a8E6aa9689b/c8151e2564c24b24.png!q70.webp",
                p:"洗发护发"
            },
                        {
                img:"//m.360buyimg.com/babel/jfs/t1/96480/33/22962/30601/621cd6faEd7c8babf/9a3357396eab5a88.png!q70.webp",
                p:"贵州茅台"
            },            {
                img:"//m.360buyimg.com/babel/jfs/t1/220002/2/13552/28165/621ce24bE32fd31b6/86ca4763655bfea6.png!q70.webp",
                p:"中外乐器"
            },            {
                img:"//m.360buyimg.com/babel/jfs/t1/94974/37/24559/17852/621ce23cE2d52cc44/5b3fdb8af7e99325.png!q70.webp",
                p:"男士护理"
            },            {
                img:"//m.360buyimg.com/babel/jfs/t1/212281/11/13415/28372/621ce1b3E8078096a/d53b3b7a94402aa7.png!q70.webp",
                p:"厨具用品"
            },            {
                img:"//m.360buyimg.com/babel/jfs/t1/90199/34/22168/17342/621ce16fEcc9cc02a/007ae51ef1dba418.png!q70.webp",
                p:"小家电馆"
            },            {
                img:"//m.360buyimg.com/babel/jfs/t1/62025/21/16367/18473/621ce18fE969480ed/5cfa0fdf19107f24.png!q70.webp",
                p:"内衣裤袜"
            },            {
                img:"//m.360buyimg.com/babel/jfs/t1/137278/18/22836/23014/621ce143Ee9b4d697/5c3010332a69e923.png!q70.webp",
                p:"营养保健"
            },
        ],
        arr1:[
            {
                img:"//m.360buyimg.com/babel/jfs/t1/100159/4/34097/16946/635fef5cEb4a56144/e3ef88c03a15c080.png!q70.webp",
                p:"小时购"
            },
            {
                img:"//m.360buyimg.com/babel/jfs/t1/213932/11/13689/8697/621cd5b3E1c8af2bd/9480d2409812dcb9.png!q70.webp",
                p:"山姆会员店"
            },
            {
                img:"//m.360buyimg.com/babel/jfs/t1/148375/36/22621/6938/621cd5f9E123bbc00/4f8cdc851593efc1.png!q70.webp",
                p:"沃尔玛"
            },
                        {
                img:"//m.360buyimg.com/babel/jfs/t1/160075/38/28081/34436/621ce10bEcc355010/ab2c842ede0eac14.png!q70.webp",
                p:"宠物生活"
            },            {
                img:"//m.360buyimg.com/babel/jfs/t1/195082/15/28505/28437/63369750E81667482/46e06949a4bd807c.png!q70.webp",
                p:"玩具乐器"
            },            {
                img:"//m.360buyimg.com/babel/jfs/t1/181863/2/29139/33545/633315eaE1323e861/64b58a4a14bb04ad.png!q70.webp",
                p:"饼干糕点"
            },            {
                img:"//m.360buyimg.com/babel/jfs/t1/119234/25/22133/16651/621ce2a8E6aa9689b/c8151e2564c24b24.png!q70.webp",
                p:"洗发护发"
            },            {
                img:"//m.360buyimg.com/babel/jfs/t1/104041/3/31002/22076/62d4c3afE10e9e0ee/8d0576cb1e4e47c8.png!q70.webp",
                p:"国家馆"
            },            {
                img:"//m.360buyimg.com/babel/jfs/t1/94974/37/24559/17852/621ce23cE2d52cc44/5b3fdb8af7e99325.png!q70.webp",
                p:"男士护理"
            },            {
                img:"//m.360buyimg.com/babel/jfs/t1/116992/11/20508/7101/621ce160Ee2dfa475/2186f688e463920f.png!q70.webp",
                p:"全部分类"
            },
        ],
    }
},
}
</script>

<style scoped>
* {
    margin: 0;
    padding: 0;
}
.found {
    width: 100%;
    height: 1.93333rem;
    background: linear-gradient(to bottom,#f1fce9,#e1dfdc);
}
    .found img{
        display: block;
    position: relative;
    top: 0;
    /* width: 10rem; */
    height: 1.93333rem;
    z-index: 20
    }
    .nien {
  margin-top: 1.33333333vw;
  overflow: auto;
  padding-bottom: 2.66666667vw;
    background: linear-gradient(to top,#edfbe2,#e1dfdc);

}
::-webkit-scrollbar {
  display: none;
}
.nien .hua {
  width: 180%;
  display: flex;
  padding-left: 10px;
}
.nien .hua div {
  width: 18vw;
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  float: left;
}
.nien div img {
  width: 11.2vw;
  margin-top: 0.8vw;
  margin-bottom: 0.8vw;
}
.nien div span {
  font-size: 3.2vw;
  color: #000;
}
</style>